<template>
<div>
  <van-nav-bar
    title="房间详情"
    left-text="返回"
    left-arrow

  />
  <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
    <van-swipe-item>1</van-swipe-item>
    <van-swipe-item>2</van-swipe-item>
    <van-swipe-item>3</van-swipe-item>
    <van-swipe-item>4</van-swipe-item>
  </van-swipe>
  <van-form>
    <van-card>
      <div slot="desc">
      <van-cell>
        <van-cell title="房间类型" :value="list.roomType" >
        </van-cell>
        <van-cell title="房间状态" :value="list.roomStatus" />
        <van-cell title="房间号" :value="list.roomNo" />
        <van-cell title="床垫类型" value="席梦思" />
        <van-cell title="常用联系电话" value="110" />
        <van-cell title="wifi账号" value="123" />
        <van-cell title="wifi密码" value="123" />
      </van-cell>
      </div>
    </van-card>
    <van-cell title="入住人" value="张三" >
      <div>1111</div>
      <div>1111</div>
    </van-cell>
    　　　　<div style="margin: 16px;">
    　　　　　　<van-button round block type="info" native-type="submit" @click="onSubmit">预定</van-button>
    　　　　</div>
  </van-form>
  </div>
</template>

<script>
export default {
  name: "RoomDetail",
  data:function () {
    return{
      Poup:false,
      actions: [{ name: '选项一' }, { name: '选项二' }, { name: '选项三' }],
      radio:'1',
      value:'',
      list:'',
      thumb:'#dfdfdf',

    }

  },
  methods:{
    getRoom(){
      console.log(this.$route.query.oneRoom);
      this.list=this.$route.query.oneRoom;

    },
    onSubmit() {
      console.log('submit');
    },
  },
  mounted() {
    this.getRoom();
  }
}
</script>

<style scoped>

</style>
